<template>
	<div>
		<div class="h2">
			审批详情
			<a href="#examBox"><a-button style="float: right;margin-top: 4px;" type="primary">审批</a-button></a>
		</div>
		<div class="main">
			<div class="h3">基础信息</div>
			<a-form :form="form" :label-col="{ span: 5 }" :wrapper-col="{ span: 18 }">
				<a-form-item label="学生组织/班级">
					<a-input disabled v-show="false" v-decorator="['ClubID']" />
					<a-input disabled
						v-decorator="['ClubName', { rules: [{ required: true, message: '活动标题不能为空' }] }]" />
				</a-form-item>
				<a-form-item label="活动类型">
					<a-input disabled v-show="false"
						v-decorator="['TypeID', { rules: [{ required: true, message: '类型不能为空' }] }]" />
					<a-input disabled v-decorator="['TypeName', { rules: [{ required: true, message: '类型不能为空' }] }]" />
				</a-form-item>
				<a-form-item label="活动标题" v-show="form.getFieldValue('TypeItemID')">
					<a-input disabled v-show="false"
						v-decorator="['TypeItemID', { rules: [{ required: form.getFieldValue('TypeItemID')?true:false, message: '类型不能为空' }] }]" />
					<a-input disabled
						v-decorator="['TypeItemName', { rules: [{ required: form.getFieldValue('TypeItemID')?true:false, message: '类型不能为空' }] }]" />
				</a-form-item>
				<a-form-item label="活动标题" v-show="!form.getFieldValue('TypeItemID')">
					<a-input
						v-decorator="['Title', { rules: [{ required: !form.getFieldValue('TypeItemID')?true:false, message: '活动标题不能为空' }] }]" />
				</a-form-item>
				<a-form-item label="活动时长（h）" v-if="IsHour">
					<a-input disabled type="number"
						v-decorator="['HourNum', { rules: [{ required: true, message: '请输入活动时间' }] }]" />
				</a-form-item>
				<a-form-item label="诚信值" v-show="form.getFieldValue('ClubID')">
					<a-input disabled type="number" placeholder="请输入诚信值"
						v-decorator="['HonestyScore', { rules: [{ required: form.getFieldValue('ClubID')?true:false, message: '请输入诚信值' }] }]" />
				</a-form-item>
				<a-form-item label="是否需要提交作业" v-show="form.getFieldValue('ClubID')">
					<a-radio-group
						v-decorator="['IsNeedActivityJob', { rules: [{ required:form.getFieldValue('ClubID')?true:false, message: '请选择是否需要提交作业' }]}]">
						<a-radio :value="true">是</a-radio>
						<a-radio :value="false">否</a-radio>
					</a-radio-group>
				</a-form-item>
				<a-form-item label="是否需要报名" v-show="form.getFieldValue('ClubID')">
					<a-radio-group @change="IsNeedApplyChange"
						v-decorator="['IsNeedApply', { rules: [{ required: form.getFieldValue('ClubID')?true:false, message: '请选择是否需要报名' }] }]">
						<a-radio :value="true">是</a-radio>
						<a-radio :value="false">否</a-radio>
					</a-radio-group>
					<oprateBtn class="tishi" icon="icon-wenhao" color="green"
						title="如是，参加活动必须先报名，然后签到；如为否，不需要提前报名加入，活动现场扫码即可"></oprateBtn>
				</a-form-item>
				<a-form-item label="报名时间" v-show="form.getFieldValue('IsNeedApply') && form.getFieldValue('ClubID')">
					<a-range-picker show-time
						v-decorator="['ApplyTime', { rules: [{ required: form.getFieldValue('IsNeedApply') && form.getFieldValue('ClubID')?true:false, message: '报名时间不能为空' }] }]" />
				</a-form-item>

				<a-form-item label="参加活动是否需要审批"
					v-show="form.getFieldValue('IsNeedApply') && form.getFieldValue('ClubID')">
					<a-radio-group
						v-decorator="['ApplyIsNeedExam', { rules: [{ required: form.getFieldValue('IsNeedApply') && form.getFieldValue('ClubID')?true:false, message: '请选择参加活动是否需要审批' }] }]">
						<a-radio :value="true">是</a-radio>
						<a-radio :value="false">否</a-radio>
					</a-radio-group>
					<oprateBtn class="tishi" icon="icon-wenhao" color="green"
						title="如是，申请加入活动人员必须审批通过才可加入；如为否，申请加入活动人员申请后无需审批直接加入"></oprateBtn>
				</a-form-item>
				<a-form-item label="是否设置奖项" v-show="form.getFieldValue('ClubID')">
					<a-radio-group
						v-decorator="['IsHasPrize', { rules: [{ required: form.getFieldValue('ClubID')?true:false, message: '请选择参加活动是否需要审批' }] }]">
						<a-radio :value="true">是</a-radio>
						<a-radio :value="false">否</a-radio>
					</a-radio-group>
					<oprateBtn class="tishi" icon="icon-wenhao" color="green" title="如果选择设置奖项，则需在申请完结之前添加奖项，否则无法提交完结申请">
					</oprateBtn>
				</a-form-item>
				<a-form-item label="活动时间">
					<a-range-picker show-time
						v-decorator="['activityDate', { rules: [{ required: true, message: '活动时间不能为空' }] }]" />
				</a-form-item>
				<a-form-item label="活动人数" v-show="form.getFieldValue('ClubID')">
					<a-input
						v-decorator="['PeopleNum', { rules: [{ required: form.getFieldValue('ClubID')?true:false, message: '活动人数不能为空' }] }]" />
				</a-form-item>
				<a-form-item v-for="item in data" :label="item.Name">
					<a-input v-if="item.FieldType == 1" v-decorator="[
										item.ID,
										{ rules: [{ required: item.IsMust, message: item.ErroeMsg ? item.ErroeMsg : item.Name + '不能为空' }, { validator: rules[item.ID] ? rules[item.ID].validator : '' }] }
									]" />
					<a-input v-if="item.FieldType == 2" type="textarea" :auto-size="global.textareaHeight" v-decorator="[
										item.ID,
										{ rules: [{ required: item.IsMust, message: item.ErroeMsg ? item.ErroeMsg : item.Name + '不能为空' }, { validator: rules[item.ID] ? rules[item.ID].validator : '' }] }
									]" />
					<a-input v-if="item.FieldType == 3" type="number" v-decorator="[
										item.ID,
										{ rules: [{ required: item.IsMust, message: item.ErroeMsg ? item.ErroeMsg : item.Name + '不能为空' }, { validator: rules[item.ID] ? rules[item.ID].validator : '' }] }
									]" />
					<a-input v-if="item.FieldType == 4" type="number" :step="0.01" v-decorator="[
										item.ID,
										{ rules: [{ required: item.IsMust, message: item.ErroeMsg ? item.ErroeMsg : item.Name + '不能为空' }, { validator: rules[item.ID] ? rules[item.ID].validator : '' }] }
									]" />
					<!-- {{ JSON.stringify(rules) }} -->
					<a-upload v-if="item.FieldType == 5 || item.FieldType == 6"
						v-decorator="[item.ID, { rules: [{ required: item.IsMust, message: item.ErroeMsg ? item.ErroeMsg : item.Name + '不能为空' }] }]"
						:accept="item.FieldType == 5 ? '' : 'image/*'" :multiple="true"
						:action="requestUrl+'/Common/DoUploadFile?type='+(item.FieldType == 5?'file':'image')"
						list-type="picture-card" :file-list="fileList[item.ID]" @preview="handlePreview"
						@change="e => handleChange(e, item.ID)">
						<div>
							<a-icon type="plus" />
							<div class="ant-upload-text">Upload</div>
						</div>
					</a-upload>
					<a-date-picker v-if="item.FieldType == 7" @change="e => dataChange(e, item.ID, 'data')"
						v-decorator="[item.ID, { rules: [{ required: item.IsMust, message: item.ErroeMsg ? item.ErroeMsg : item.Name + '不能为空' }] }]" />
					<a-time-picker v-if="item.FieldType == 8" @change="e => dataChange(e, item.ID, 'time')"
						v-decorator="[item.ID, { rules: [{ required: item.IsMust, message: item.ErroeMsg ? item.ErroeMsg : item.Name + '不能为空' }] }]" />
				</a-form-item>
				<div v-if="flowType==3">
					<a-button style="float: right;margin-top: 4px;margin-right: 10px;" type="primary"
						@click="handleSubmit()">修改
					</a-button>
				</div>
			</a-form>
		</div>
		<div class="main-apply">
			<div class="h3">学生组织信息</div>
			<div class="message">
				<div class="con">
					<div class="tit">名 称：</div>
					<div class="cell">{{ info.ClubName || info.ClassName }}</div>
				</div>
				<div class="con">
					<div class="tit">成员数量：</div>
					<div class="cell">{{ info.MemberNum }}</div>
				</div>
				<div class="con">
					<div class="tit">主席姓名：</div>
					<div class="cell">{{ info.ChargeUserName }}</div>
				</div>
				<div class="con">
					<div class="tit">主席学号：</div>
					<div class="cell">{{ info.ChargeUserNo }}</div>
				</div>
				<div class="con">
					<div class="tit">添加时间：</div>
					<div class="cell">{{ info.AddTime }}</div>
				</div>
			</div>
			<div class="h3">附件信息</div>
			<div class="message">
				<div class="tableZdy">
					<div class="imagecon">
						<div class="imagelist" v-for="(item,i) in oldList" :key="i">
							<div class="iconcon">
								<img v-if="item.FilePath.indexOf('jpg')>0||item.FilePath.indexOf('png')>0"
									:src="requestUrl+item.FilePath" />
								<div v-else class="fileicon">{{ item.FilePath.split('.')[1] }}</div>
							</div>
							<div class="title">{{ item.FileName }}</div>
							<div class="oprate">
								<oprateBtn title="下载" icon="icon-xiazai-wenjianxiazai-04" color="#1890FF"
									@tap="downloadFile(item, 1)"></oprateBtn>
							</div>
						</div>
						<div class="el-table__empty-text" style="margin:0 auto;" v-show="oldList.length==0"></div>
					</div>
				</div>
				<!-- <a-list class="fileListArea" size="small" bordered :dataSource="oldList">
					<a-list-item slot="renderItem" slot-scope="item, index" style="display: flex;">
						<div style="flex: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">
							<div style="width: 96%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">
								{{ item.Type == 2 ? '[完结]' : '[其他]' }}{{ item.FileName }}</div>
						</div>
						<a-icon type="delete" @click="deleteFile(item, 1)"
							style="height: 12px;vertical-align: top;margin-top: 4px;margin-right:12px;cursor: pointer;">
						</a-icon>
						<a-icon type="download" @click="downloadFile(item, 1)"
							style="height: 12px;vertical-align: top;margin-top: 4px;margin-right:12px;cursor: pointer;">
						</a-icon>
					</a-list-item>
				</a-list> -->
			</div>
			<div class="h3">审批详情</div>
			<a-steps class="apply-con" progress-dot v-if="flowData.length > 0" :current="999" direction="vertical">
				<a-step v-for="(item, index) in flowData" :key="index">
					<template slot="title">
						{{ item.FlowTypeName + (item.ExamUserName ? ' | ' + item.ExamUserName + ' | ' : '') + (item.IsAdopt == null ? ' | 未审核' : item.IsAdopt ? '通过' : '驳回') }}
					</template>
					<div slot="title" class="flowuser flex" v-if="item.ExamUserData&&item.ExamUserData.length>0">
						可审批人：
						<div class="flowusercon flex-1">
							<div class="flowuserlist" v-for="(flowitem, flowindex) in item.ExamUserData"
								:key="flowindex">{{ flowitem.Name }} - {{ flowitem.UserNo }} - {{ flowitem.DepartName }}
							</div>
						</div>
					</div>
					<div slot="subTitle">{{ item.ExamComment }}</div>
					<div slot="description">{{ item.ExamTime }}</div>
				</a-step>
			</a-steps>
			<div v-if="flowData.length == 0" class="nothing">暂无审批信息</div>

		</div>
		<div style="clear: both;height: 20px;"></div>
		<div class="h3" v-if="flowType!==2" id="examBox">审批</div>
		<div class="exam" v-if="flowType!==2">
			<a-form-model ref="ruleForm" :model="form1" :rules="rules">
				<a-form-model-item label="审核状态" prop="isAdopt">
					<a-radio-group name="radioGroup" v-model="form1.isAdopt">
						<a-radio :value="true">通过</a-radio>
						<a-radio :value="false">驳回</a-radio>
					</a-radio-group>
				</a-form-model-item>
				<a-form-model-item label="审核意见" :prop="!form1.isAdopt?'comment':''">
					<a-input type="textarea" :auto-size="global.textareaHeight" v-model="form1.comment" />
				</a-form-model-item>
				<a-form-model-item label="" class="fixed-bottom">
					<a-button type="primary" @click="handleSubmit1">提交</a-button>
					<a-button style="margin-left: 10px;" @click="closeFunction">取消</a-button>
				</a-form-model-item>
			</a-form-model>
		</div>
	</div>
</template>

<script>
	import Cache from '@/utils/cache';
	import moment from 'moment';
	import Func from '@/utils/func';
	import {
		ActivityFlowGetDetail,
		DoUpdateActivityActivityFlow,
		GetActivityTypeList,
		GetActivityFileList,
		DeleteActivityFile,
		ExamActivityFlow
	} from '@/api/follow';
	import apply from './apply';
	import ActivityMemberPrize from '@/components/ActivityMemberPrize/index.vue';
	import ActivitySign from '@/components/ActivitySign/index.vue';
	const data = [];
	export default {
		components: {
			apply,
			ActivityMemberPrize,
			ActivitySign
		},
		data() {
			return {
				detail: {},
				layoutContentHeight: window.innerHeight - 268 + 'px',
				icofileList: [],
				fileList: {},
				previewVisible: false,
				previewImage: '',
				fileList1: [],
				previewVisible1: false,
				previewImage1: '',
				data,
				IsHour: true,
				flowData: [],
				applyIf: false,
				formLayout: 'horizontal',
				form: this.$form.createForm(this, {
					name: 'coordinated'
				}),
				form1: this.$form.createForm(this, {
					name: 'coordinated1'
				}),
				form1: {
					isAdopt: true,
					comment: ''
				},
				rules: {
					isAdopt: [{
						required: true,
						message: '请选择审核状态',
						trigger: 'change'
					}],
					comment: [{
						required: true,
						message: '请输入审核意见',
						trigger: 'change'
					}]
				},
				formValue: {},
				dataValue: {},
				info: {},
				time: moment(),
				ActivityTypeList: [],
				VenueReserveData: [],
				text: {},
				flowType: this.$route.query.type,
				oldList: [],
				requestUrl: this.global.requestUrl,
				token: Cache.get('token')
			};
		},
		computed: {},
		created() {
			this.getOtherList();
			this.getList();
		},
		mounted() {},
		methods: {
			moment,
			IsNeedApplyChange(e) {
				if (!e.target.value) {
					this.form.setFieldsValue({
						ApplyIsNeedExam: false
					});
				}
			},
			disabledStartDate(startValue) {
				const endValue = this.form.getFieldValue('EndTime');
				if (!startValue || !endValue) {
					return false;
				}
				return startValue.valueOf() > endValue.valueOf();
			},
			disabledEndDate(endValue) {
				const startValue = this.form.getFieldValue('StartTime');
				if (!endValue || !startValue) {
					return false;
				}
				return startValue.valueOf() >= endValue.valueOf();
			},
			applyHander() {
				this.text = {
					followId: this.$route.query.followId,
					ID: this.$route.query.ID,
					time: new Date()
				};
				this.applyIf = true;
			},
			async deleteFile(item) {
				let that = this;
				this.$confirm({
					title: '提示',
					content: `您确定删除该附件吗？`,
					okText: '确认',
					cancelText: '取消',
					async onOk() {
						let res = await DeleteActivityFile({
							id: item.ID
						});
						if (res.data.code == 0) {
							that.oldList.splice(that.oldList.findIndex(m => m.ID === item.ID), 1);
							that.$message.success(res.data.msg);
						} else {
							that.$message.error(res.data.msg);
						}
					}
				});
			},
			async downloadFile(item) {
				let hrefUrl = this.requestUrl + '/Manage/ActivityFile/DownFile?userToken=' + encodeURIComponent(this
					.token) + '&id=' + item.ID;
				window.open(hrefUrl, '_blank');
			},
			async getOtherList() {
				let res = await GetActivityTypeList();
				this.ActivityTypeList = res.data.data;
				let data = {};
				data.activityID = this.$route.query.ID;
				let res1 = await GetActivityFileList(data);
				this.oldList = res1.data.data;
			},
			async getList() {
				let that = this;
				let data = {};
				data.id = this.$route.query.ID;
				let res = await ActivityFlowGetDetail(data);
				this.detail = res.data.data;
				this.info = res.data.data;
				this.data = res.data.formData;
				this.flowData = res.data.flowData;
				this.VenueReserveData = res.data.resultVenueReserveData || [];
				this.form.setFieldsValue({
					ClubID: res.data.data.ClubID,
					ClubName: res.data.data.ClubName || res.data.data.ClassName,
					Title: res.data.data.Title,
					TypeItemName: res.data.data.TypeItemName,
					TypeItemID: res.data.data.TypeItemID,
					IsNeedApply: res.data.data.IsNeedApply,
					IsHasPrize: res.data.data.IsHasPrize,
					activityDate: [res.data.data.StartTime, res.data.data.EndTime],
					TypeID: res.data.data.TypeID,
					Ico: res.data.data.Ico,
					ApplyIsNeedExam: res.data.data.ApplyIsNeedExam,
					ApplyTime: [res.data.data.ApplyStartTime, res.data.data.ApplyEndTime],
					PeopleNum: res.data.data.PeopleNum,
					HourNum: res.data.data.HourNum,
					TypeName: res.data.data.TypeName,
					HonestyScore: res.data.data.HonestyScore,
					IsNeedActivityJob: res.data.data.IsNeedActivityJob,
				});
				this.icofileList = res.data.data.Ico ? [{
					uid: 0,
					name: res.data.data.Ico.split('|')[0],
					status: 'done',
					url: this.requestUrl + res.data.data.Ico.split('|')[1]
				}] : [];
				setTimeout(function() {
					if (that.detail.HourNum > 0) {
						that.IsHour = true;
					} else {
						that.IsHour = false;
					}
					let list = res.data.formData;
					for (var i = 0; i < list.length; i++) {
						if (list[i].FieldType == 8) {
							that.form.setFieldsValue({
								[list[i].ID]: list[i].Value.indexOf('2020-10-10') > -1 ? list[i]
									.Value : '2020-10-10 ' + list[i].Value
							});
						} else {
							that.form.setFieldsValue({
								[list[i].ID]: list[i].Value
							});
						}
						if (list[i].FieldType == 5 || list[i].FieldType == 6) {
							that.fileList = Object.assign(that.fileList, {
								[list[i].ID]: []
							});
						}
					}
					for (let i in that.fileList) {
						for (let n = 0; n < list.length; n++) {
							if (list[n].ID == i) {
								let arr = list[n].Value.split(',');
								for (let m = 0; m < arr.length; m++) {
									if (arr[m]) {
										that.fileList[i].push({
											uid: m,
											url: that.requestUrl + arr[m].split('|')[1],
											name: arr[m].split('|')[0],
											status: 'done'
										});
									}
								}
							}
						}
					}
				}, 500);
			},
			closeFunction(data) {
				this.$router.back(-1);
			},
			closeFun(data) {
				if (data == '1') {
					this.icofileList = [];
					this.fileList = {};
					this.getList();
				}
				this.applyIf = false;
			},
			handleCancel() {
				this.previewVisible = false;
				this.previewImage = '';
			},
			async handlePreview(file) {
				this.previewImage = file.url;
				window.open(this.previewImage, '_blank')
			},
			icohandleChange({
				fileList
			}, name) {
				this.icofileList = fileList;
			},
			handleChange(info, name) {
				let {
					fileList
				} = info;
				const status = info.file.status;
				if (status === 'done') {
					if (info.file.response.code == 0) {
						this.$message.success(info.file.response.msg)
						this.fileList[name] = [...fileList]; //重点
					} else {
						this.$message.error(info.file.response.msg)
						this.fileList[name] = this.fileList[name].splice(this.fileList[name].length - 1, 1)
					}
				}
				this.fileList[name] = [...fileList]; //重点
			},
			dataChange(e, name, type) {
				if (type == 'data') {
					if (e) {
						let time = moment(e).format('YYYY-MM-DD HH:mm:ss');
						this.dataValue = Object.assign(this.dataValue, {
							[name]: time
						});
					} else {
						let time = '';
						this.dataValue = Object.assign(this.dataValue, {
							[name]: time
						});
					}
				} else {
					if (e) {
						let time = moment(e).format('HH:mm:ss');
						this.dataValue = Object.assign(this.dataValue, {
							[name]: time
						});
					} else {
						let time = '';
						this.dataValue = Object.assign(this.dataValue, {
							[name]: time
						});
					}
				}
			},
			handleSubmit(e) {
				// e.preventDefault();
				this.form.validateFields(async (err, values) => {
					if (!err) {
						let data = values;
						data.ID = this.$route.query.ID;
						data.ClubID = this.detail.ClubID;
						let arr1 = [];
						for (let m = 0; m < this.icofileList.length; m++) {
							if (this.icofileList[m].url) {
								if (this.icofileList[m].url.indexOf(this.requestUrl) > -1) {
									this.icofileList[m].url = this.icofileList[m].url.substring(this.requestUrl
										.length);
								}
								arr1.push(this.icofileList[m].name + '|' + this.icofileList[m].url);
							} else {
								arr1.push(this.icofileList[m].response.fileName + '|' + this.icofileList[m]
									.response.url);
							}
						}
						data.Ico = arr1.join(',');
						for (let i in this.fileList) {
							let arr = [];
							for (let m = 0; m < this.fileList[i].length; m++) {
								if (this.fileList[i][m].url) {
									if (this.fileList[i][m].url.indexOf(this.requestUrl) > -1) {
										this.fileList[i][m].url = this.fileList[i][m].url.substring(this
											.requestUrl.length);
									}
									arr.push(this.fileList[i][m].name + '|' + this.fileList[i][m].url);
								} else {
									arr.push(this.fileList[i][m].response.fileName + '|' + this.fileList[i][m]
										.response.url);
								}
							}
							data[i] = arr.join(',');
						}
						data = Object.assign(data, this.formValue, this.dataValue);
						if (data.activityDate) {
							data.StartTime = moment(data.activityDate[0]).format('YYYY-MM-DD HH:mm:ss')
							data.EndTime = moment(data.activityDate[1]).format('YYYY-MM-DD HH:mm:ss')
						}
						if (data.ApplyTime) {
							data.ApplyStartTime = moment(data.ApplyTime[0]).format('YYYY-MM-DD HH:mm:ss')
							data.ApplyEndTime = moment(data.ApplyTime[1]).format('YYYY-MM-DD HH:mm:ss')
						}
						let res = await DoUpdateActivityActivityFlow(data);
						if (res.data.code == 0) {
							this.$message.success(res.data.msg);
							this.icofileList = [];
							this.fileList = {};
							this.getList();
							// this.$router.push({
							// 	name: 'ActivityManage'
							// })
							this.$router.go(-1);
						}
					}
				});
			},
			handleSubmit1(e) {
				this.$refs.ruleForm.validate(async valid => {
					if (!this.form1.isAdopt && !this.form1.comment) {
						this.$message.error('请输入审核意见！');
						return false;
					}
					if (valid) {
						let that = this
						let data = this.form1;
						data.id = this.$route.query.ID

						let res = await ExamActivityFlow(data);
						if (res.data.code === 0) {
							this.$message.success(res.data.msg);
							if(window.location.href.includes('examBox')){
								this.$router.go(-2);
							}else{
								this.$router.back(-1);
							}
						} else {
							this.$message.error(res.data.msg);
						}
					} else {
						return false;
					}
				});
			}
		}
	};
</script>

<style lang="less" scoped>
	.titletip {
		padding-left: 10px;
		font-size: 14px;
		color: red;
		margin-top: -20px;
	}

	.main {
		width: 54%;
		overflow-y: scroll;
		float: left;
		padding-right: 10px;
		height: 500px;
		background-color: #ffffff;
	}

	.main-apply {
		width: 45%;
		float: right;
		height: 500px;
		overflow-y: scroll;
		background-color: #ffffff;

		.apply-con {
			margin-top: 20px;

			/deep/.ant-steps-item-content {
				width: 90%;
			}

			/deep/.ant-steps-item-subtitle {
				display: block;
				margin-left: 0px;
			}
		}

		.nothing {
			text-align: center;
			margin: 50px auto;
		}

		.message {
			padding: 10px;

			.con {
				width: 100%;
				line-height: 40px;
				height: 40px;
				border-bottom: 1px dashed #eee;
				padding: 0 10px;
				overflow: hidden;

				.tit {
					float: left;
					width: 90px;
				}

				.cell {
					float: left;
				}
			}
		}
	}

	.h3 {
		font-size: 14px;
		background: #f6f8f8;
		color: #1890ff;
		padding: 4px 10px;
	}

	/deep/.ant-form-item {
		margin: 4px 10px;
		display: flex;
	}

	/deep/.ant-form-item-label {
		width: 180px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		text-align: right;
	}

	/deep/.ant-form-item-control-wrapper {
		flex: 1;
	}

	/deep/.ant-calendar-picker,
	/deep/.ant-time-picker {
		width: 100%;
	}

	.fixed-top {
		width: inherit;
		position: absolute;
		line-height: 30px;
		top: 0px;
		background-color: white;
		z-index: 999;
		padding: 10px 0 0 10px;
	}

	.fixed-bottom {
		width: 164px;
		left: 50%;
		bottom: 0px;
		margin: 0px 0px 0px -82px !important;
		background-color: white;
		z-index: 999;
	}

	/deep/.ant-form {
		margin-top: 10px;
		padding-bottom: 10px;
	}

	.ant-calendar-picker,
	.ant-time-picker {
		width: 100%;
	}

	.main-prize {
		float: left;
		width: 100%;
		margin-top: 10px;
		margin-bottom: 10px;
		background-color: #ffffff;
	}

	// 附件
	.imagecon {
		display: flex;
		flex-wrap: wrap;

		.imagelist {
			width: 140px;
			height: 180px;
			text-align: center;
			margin: 10px;
			position: relative;

			.iconcon {
				width: 140px;
				height: 140px;
				display: flex;
				justify-content: center;
				border-radius: 10px;
				overflow: hidden;
				padding: 5px;
			}

			.fileicon {
				width: 100px;
				height: 120px;
				color: #fff;
				font-weight: bold;
				font-size: 20px;
				padding-top: 34px;
				background: #ffc934;
				border-radius: 8px;
				background: linear-gradient(-135deg, transparent 15px, #48b0ff 0);
				position: relative;

				&::before {
					content: '';
					position: absolute;
					font-size: 14px;
					right: 0;
					top: 12px;
					width: 22px;
					height: 22px;
					background: linear-gradient(to left bottom, transparent 50%, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3)) 100% 0 no-repeat;
					transform: translateY(-0.85em) rotate(0deg);
					transform-origin: bottom right;
					box-shadow: -.2em .2em .3em -.1em rgba(0, 0, 0, .15);
					border-bottom-left-radius: inherit;
					/* 左下角继承border-radius */
				}
			}

			img {
				// width: 130px;
				// height: 130px;
				// min-width: 130px;
				// min-height: 130px;
				border-radius: 10px;

			}

			.title {
				height: 40px;
				line-height: 20px;
				display: -webkit-box;
				overflow: hidden;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
				font-size: 12px;
				color: #03081a;
			}

			.oprate {
				position: absolute;
				bottom: 50px;
				left: 0px;
				z-index: 9;
				width: 100%;
				height: 30px;
				line-height: 30px;
				background: rgba(255, 255, 255, 0.3);
			}
		}
	}

	.exam {
		/deep/.ant-form-item-label {
			width: 100px;
		}
	}
</style>
